<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta charset="utf-8">
  <title>中智谷官网</title>
  <link rel="stylesheet" href="/css/public.css">
  <style>
    * {
      margin: 0;
      padding: 0;
      list-style: none;
      text-decoration: none;
    }

    #banner {
      width: 1920px;
      height: 400px;
      overflow: hidden;
      border: 2px solid #999;
      position: relative;
    }

    #banner img {
      width: 1920px;
      height: 400px;
    }

    #imglist {
      width: 9600px;
      height: 400px;
    }

    #imglist li {
      float: left;
    }

    #icolist {
      position: absolute;
      right: 10px;
      bottom: 10px;
    }

    #icolist li {
      float: left;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #666;
      color: #fff;
      margin-left: 5px;
      text-align: center;
      line-height: 30px;
      cursor: pointer;
    }

    .prev {
      background: #666;
      height: 40px;
      width: 30px;
      position: absolute;
      left: 5px;
      top: 45%;
      color: #fff;
      line-height: 40px;
      text-align: center;
      cursor: pointer;
    }

    .next {
      background: #666;
      height: 40px;
      width: 30px;
      position: absolute;
      right: 5px;
      top: 45%;
      color: #fff;
      line-height: 40px;
      text-align: center;
      cursor: pointer;
    }

    #soulutionCanverRoot {
      width: 180px;
      display: none;
      justify-self: center;
      flex-direction: column;
      align-self: center;
      position: fixed;
      top: 55px;
      z-index: 100;
    }

    #soulutionCanver {
      /* margin-left: 482px; */
      background-color: #fff;
      width: 100%;
    }

    #soulutionCanver li {
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000;
    }

    #solutionBtn {}

    /* centerCanverRoot */
    #centerCanverRoot {
      width: 180px;
      display: none;
      justify-self: center;
      flex-direction: column;
      align-self: center;
      position: fixed;
      top: 55px;
      z-index: 100;
    }

    #centerCanver {
      /* margin-left: 482px; */
      background-color: #fff;
      width: 100%;
    }

    #centerCanver li {
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000;
    }


    #centerBtn {}
  </style>

</head>
<body>
<div style="width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
  <div style="width: 1920px;height: 60px;display: flex;align-items: center;flex-direction: row; background-color: white;position: fixed;top: 0;z-index: 99;">
    <!-- Logo -->
    <img src="img/logo.png" style="max-width: 40px;max-height: 40px;width: auto;height: auto;margin-left: 15px;" alt="">
    <!-- 标语 -->
    <span style="font-size: 18px; font-weight: 600; margin-left: 18px; color: rgb(254, 86, 83); font-family: Kaiti; text-align: left;" _msthash="525486" _msttexthash="259233">Zhongzhi Valley</span>

    <!-- 分类 -->
    <div style="width: 50%;height: 60px;display: flex;align-items: center;flex-direction: column; background-color: white;margin-left: 200px;">
      <!-- 条目 -->
      <div style="width: 100%;height: 60px;display: flex;align-items: center;flex-direction: row;">
        <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/home.html" style="color: #000;width: 16%;height: 100%;">
          <div style="width: 100%;height: 100%;">
            <!-- 首页 -->
            <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content:  center;text-align: left;" onclick="window.location.href= 'en-home.html';return false" _msthash="1487174" _msttexthash="43979"> Home</div>
            <!-- 条状 -->
            <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
          </div>
        </a>
        <!-- 解决方案 -->
        <div style="width: 18%;height: 100%;" id="solutionRootA">
          <!-- 解决方案 -->
          <!--  onclick="window.location.href= 'solution.html';return false" -->
          <div style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
            <span onclick="window.location.href='en-solution.html'" _msthash="647751" _msttexthash="121602" style="text-align: left;">solution</span>
            <img src="img/arrow-right.png" style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;" alt="">
          </div>
          <!-- 条状 -->
          <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
          <!-- 解决方案的下拉菜单 -->
          <div id="soulutionCanverRoot" _msthidden="5">
            <ul id="soulutionCanver" _msthidden="5">
              <li _msthidden="1">
                <a onclick="window.location.href='en-solu1.html'" style="color: #000;" _msthash="579254" _msttexthash="7482371" _msthidden="1">scheme one</a>
              </li>
              <li _msthidden="1">
                <a onclick="window.location.href='en-solu2.html'" style="color: #000;" _msthash="579436" _msttexthash="7498751" _msthidden="1">scheme two</a>
              </li>
              <li _msthidden="1">
                <a onclick="window.location.href='en-solu3.html'" style="color: #000;" _msthash="579618" _msttexthash="7483424" _msthidden="1">scheme three</a>
              </li>
              <li _msthidden="1">
                <a onclick="window.location.href='en-solu4.html'" style="color: #000;" _msthash="579800" _msttexthash="7747610" _msthidden="1">scheme four</a>
              </li>
              <li _msthidden="1">
                <a onclick="window.location.href='en-solu5.html'" style="color: #000;" _msthash="579982" _msttexthash="7499687" _msthidden="1">scheme five</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- 产品中心 -->
        <div style="width: 18%;height: 100%;" id="centerBtn">
          <!-- 产品中心 -->
          <div style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
            <span onclick="window.location.href= 'en-products.html';return false" _msthash="477308" _msttexthash="117832" style="text-align: left;center; color: #000;">Products</span>
            <img src="img/arrow-right.png" style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;" alt="">
          </div>
          <!-- 条状 -->
          <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
          <!-- 产品中心的下拉菜单 -->
          <div id="centerCanverRoot" _msthidden="4">
            <ul id="centerCanver" _msthidden="4">
              <li _msthidden="1">
                <a onclick="window.location.href='en-pro1.html'" style="color: #000;" _msthash="448136" _msttexthash="14000623" _msthidden="1">LED line plate</a>
              </li>
              <li _msthidden="1">
                <a onclick="window.location.href='en-pro2.html'" style="color: #000;" _msthash="448318" _msttexthash="37073023" _msthidden="1">LCD display</a>
              </li>
              <li _msthidden="1">
                <a onclick="window.location.href='en-pro3.html'" style="color: #000;" _msthash="448500" _msttexthash="11237265" _msthidden="1">GPS Station Announcer & Control Box</a>
              </li>
              <li _msthidden="1">
                <a onclick="window.location.href='en-pro4.html'" style="color: #000;" _msthash="448682" _msttexthash="8156759" _msthidden="1">LED Screen Accessories(SKD)</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- 新闻资讯 -->
        <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/news.html" style="color: #000;width: 16%;height: 100%;">
          <div style="width: 100%;height: 100%;">
            <!-- 新闻资讯 -->
            <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; color: rgb(0, 0, 0); text-align: left;" onclick="window.location.href= 'en-news.html';return false" _msthash="1488812" _msttexthash="46475"> News</div>
            <!-- 条状 -->
            <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
          </div>
        </a>
        <!-- 关于我们 -->
        <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/about.html" style="color: #000;width: 16%;height: 100%;">
          <div style="width: 100%;height: 100%;">
            <!-- 关于我们 -->
            <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center;color: #000; text-align: left;" onclick="window.location.href= 'en-about.html';return false" _msthash="1489358" _msttexthash="98579"> About us</div>
            <!-- 条状 -->

            <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
          </div>
        </a>
        <!-- 联系我们 -->
        <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/conact.html" style="color: #000;width: 16%;height: 100%;">
          <div style="width: 100%;height: 100%;">
            <!-- 联系我们 -->
            <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; color: rgb(76, 164, 31); text-align: left;" onclick="window.location.href= 'en-conact.html';return false" _msthash="1535924" _msttexthash="138229"> Contact us</div>
            <!-- 条状 -->
            <div style="width: 100%;height: 5px;background-color: #4ca41f;"></div>
          </div>
        </a>
      </div>
    </div>


    <!-- 搜索框 -->
    <div
            style="width: 20%;height: 32px;border: 1px solid #4ca41f;border-radius: 20px;margin-left: 80px;display: flex;align-items: center;flex-direction: row;">
      <!-- 搜索框图标 -->
      <img src="img/search-gray.png"
           style="max-width: 24px;max-height: 24px;width: auto;height: auto;margin-left: 10px;" alt="">
      <!-- 输入框 -->
      <input type="text" style="width: 80%;height: 70%;border:none;" placeholder="Enter the one you are looking for">
    </div>
    <div>&nbsp;&nbsp;&nbsp;</div>
    <div>
      <img src="img/chinese.png" style="width: 30px;height: 30px" alt="" onclick="window.location.href= 'conact.html';return false">
    </div>
  </div>

  <!-- 分割线 -->
  <div style="width: 1920px;height: 1px;background-color: #f0f0f0;"></div>

  <!-- 中智谷公司项目标题部分 -->
  <div style="width: 1920px;display: flex;flex-direction: column;position: relative;margin-top: 0px;">
    <div style="width: 1920px;height: 180px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;">
      <span style="font-size: 180px;font-weight: 500; color: #f1f1f1;" _msthash="755027" _msttexthash="68302">CONTACT</span>
      <!-- 绿色 -->
      <span style="align:center;color: #4ca41f;font-weight: 500;font-size: 30px; margin-top: -70px;" _msthash="755339" _msttexthash="138229">Contact us</span>
    </div>
    <!-- 顶部图片 -->
    <img src="img/Conact/联系我们.png" style="width: 100%;height: auto;margin-top: -0px;" alt="">
  </div>



  <!-- 联系我们内容部分 -->
  <div style="width: 1920px;display: flex;align-items: center;justify-content: center;">
    <div style="width: 90%;display: flex;flex-direction: row;margin-top: 80px;">
      <img src="img/Conact/地图.png" style="width: 40%;height: auto;" alt="">
      <div style="display: flex;flex-direction: column;margin-left: 20%;justify-content: center;">
        <span style="font-size: medium;font-weight: 500;margin-top: 20px;" _msthash="1025050" _msttexthash="272168">Tel:0086-0755-29080552</span>
        <span style="font-size: medium;font-weight: 500;margin-top: 4px;" _msthash="1025206" _msttexthash="274378">Fax:0086-0755-29080595</span>
        <span style="font-size: medium;font-weight: 500;margin-top: 4px;" _msthash="1025362" _msttexthash="459511">Email: info@ledzzg.com</span>
        <span style="font-size: medium;font-weight: 500;margin-top: 30px;" _msthash="1025518" _msttexthash="287209">Sales: liu 13554842981</span>
        <span style="font-size: medium;font-weight: 500;margin-top: 4px;" _msthash="1025674" _msttexthash="776893">After-sales: weekly work 13751190584</span>
        <span style="font-size: medium;font-weight: 500;margin-top: 100px;" _msthash="1025830" _msttexthash="1679665">Shenzhen Zhongzhigu Electronic Technology Co., Ltd</span>
        <span style="font-size: medium;font-weight: 500;margin-top: 4px;" _msthash="1025986" _msttexthash="5368285">Address: Shenzhen Longhua District Dalang Huada Road Wushigang Industrial Zone 9 Building 4 floor</span>
      </div>
    </div>
  </div>



  <!-- 分割线 -->
  <div style="width: 1920px;height: 2px;background-color: #999;margin-top: 80px;"></div>
  <!-- 留言板 -->
  <div style="width: 1920px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #f0f0f0;">
    <div style="width: 90%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
      <div style="width: 100%;display: flex;flex-direction: row;">
        <!-- 信息 -->
        <div style="width: 30%;display: flex;flex-direction: column;margin-left: 5%;">
          <span style="font-size: 24px;font-weight: 550;margin-top: 35px;" _msthash="1369602" _msttexthash="1679665">Shenzhen Zhongzhigu Electronic Technology Co., Ltd</span>
          <span style="font: 20px;margin-top: 45px;color: #999;" _msthash="1369758" _msttexthash="3732261">Address: Chaoyang District, Beijing Sanyuanqiao Time International Building 8</span>
          <span style="font: 20px;margin-top: 5px;color: #999;" _msthash="1369914" _msttexthash="272168">Tel:0086-0755-29080552</span>
          <span style="font: 20px;margin-top: 5px;color: #999;" _msthash="1370070" _msttexthash="459511">Email: info@ledzzg.com</span>
          <span style="font: 20px;margin-top: 5px;color: #999;" _msthash="1370226" _msttexthash="274378">Fax:0086-0755-29080595</span>
        </div>
        <!-- 解决方案 -->
        <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
          <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #666;" _msthash="1370071" _msttexthash="121602" onclick="window.location.href= 'en-solution.html';return false">solution</span>
          <span style="font: 20px;margin-top: 25px;color: #000;" _msthash="1370227" _msttexthash="180414">Scenario one</span>
          <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1370382" _msttexthash="185471">Scenario two</span>
          <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1370538" _msttexthash="231595">Scenario three</span>
          <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1370694" _msttexthash="181623">Scenario FOUR</span>
          <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1370850" _msttexthash="152789">Programme V</span>
        </div>
        <!-- 产品中心 -->
        <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
          <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #666;" _msthash="1370539" _msttexthash="117832" onclick="window.location.href= 'en-products.html';return false">Products</span>
          <span style="font: 20px;margin-top: 25px;color: #000;" _msthash="1370695" _msttexthash="254371">LED route screen</span>
          <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1370851" _msttexthash="150670">LED display</span>
          <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371006" _msttexthash="845702">GPS Station Announcer &amp; Control Box</span>
          <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371162" _msttexthash="447590">LED screen accessories</span>
        </div>
        <!-- 新闻资讯 -->
        <!-- 关于我们 -->
        <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
          <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #999;" _msthash="1371240" _msttexthash="46475" onclick="window.location.href= 'en-news.html';return false">News</span>
          <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #999;" _msthash="1371396" _msttexthash="98579" onclick="window.location.href= 'en-about.html';return false">About us</span>
        </div>
      </div>

      <!-- 关注我们 -->
      <div style="width: 90%; display: flex;flex-direction: column;margin-top: 10px;">
        <span style="font-size: 21px;color: #666;font-weight: 600;" _msthash="1057381" _msttexthash="119730">Follow us</span>
        <div style="display: flex;flex-direction: row;align-items: center; margin-top: 15px;">
          <img src="img/weixin.png" style="width: 45px;" alt="">
          <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
          <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
          <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
        </div>
      </div>

      <!-- 留言区域 -->
      <div style="font-size: medium;font-weight: 600;color: #999;" _msthash="741169" _msttexthash="138229">Contact us</div>
      <form action="http://43.142.136.160:10001/sendMail" method="post" style="margin-top: 30px;width: 95%;margin-left: 5%;">
        <textarea placeholder="Please enter the message content here, we will contact you as soon as possible (required)" type="text" style="width: 100%;height: 90px;font-size: small;border: 1px solid #aaa;border-radius: 10px;padding-left: 10px;padding-top: 5px;" name="message" _mstplaceholder="4478474"></textarea>
        <div style="width: 100%;display: flex;flex-direction: row;margin-top: 40px;">
          <input type="text" placeholder="name" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 0px;" name="name" id="" _mstplaceholder="45981">
          <input type="text" placeholder="Phone (required)" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 30px;" name="tel" id="" _mstplaceholder="262106">
          <input type="text" placeholder="mailbox" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 30px;" name="mail" id="" _mstplaceholder="97942">
          <input type="text" placeholder="address" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 30px;" name="location" id="" _mstplaceholder="97565">
        </div>
        <div style="width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 30px;">
          <input type="submit" value="submit" style="background-color: #4ca41f;color: white;width: 95px;height: 35px;display: flex;align-items: center;justify-content: center;border: none;border-radius: 5px;align:center;" name="post" id="" _mstvalue="81380">
        </div>
      </form>
    </div>

    <!-- 标识 -->
    <div style="display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;">
      <span style="font-size: small;" _msthash="784862" _msttexthash="90022543">Copyright © Shenzhen Zhongzhigu Electronic Technology Co., Ltd. All Rights Reserved. 粤ICP备13088611号-1</span>
    </div>
  </div>


</div>

<div style="width: 100%;height: 100px;"></div>


<script>
  // 解决方案鼠标悬停下拉框
  var centerBtn = document.getElementById('centerBtn');
  var centerCanver = document.getElementById('centerCanver');
  var centerCanverRoot = document.getElementById('centerCanverRoot')

  // 鼠标移入，出现下拉菜单
  centerBtn.onmouseenter = function() {
    console.log("鼠标移入");
    centerCanverRoot.style.display = 'flex';
  }
  // 鼠标移除，菜单消失
  centerBtn.onmouseleave = function() {
    centerCanverRoot.style.display = 'none';
  }

  // 鼠标移入下拉框
  centerCanver.onmouseenter = function() {
    centerCanverRoot.style.display = 'flex';
  }
  centerCanver.onmouseleave = function() {
    centerCanverRoot.style.display = 'none';
  }
  // 解决方案鼠标悬停下拉框
  var solutionBtn = document.getElementById('solutionRootA');
  var solutionCanver = document.getElementById('solutionCanver');
  var soulutionCanverRoot = document.getElementById('soulutionCanverRoot')

  // 鼠标移入，出现下拉菜单
  solutionBtn.onmouseenter = function() {
    console.log("鼠标移入");
    soulutionCanverRoot.style.display = 'flex';
  }
  // 鼠标移除，菜单消失
  solutionBtn.onmouseleave = function() {
    soulutionCanverRoot.style.display = 'none';
  }

  // 鼠标移入下拉框
  soulutionCanver.onmouseenter = function() {
    soulutionCanverRoot.style.display = 'flex';
  }
  soulutionCanver.onmouseleave = function() {
    soulutionCanverRoot.style.display = 'none';
  }


  var esico = document.getElementById('icolist').getElementsByTagName('li');
  var eicolist = document.querySelector('#icolist');
  var eimglist = document.querySelector('#imglist');
  var etest = document.querySelector('#test');
  var eprev = document.querySelector('.prev');
  var enext = document.querySelector('.next');
  var left = 0;
  var timer;
  esico[2].style.backgroundColor = '#4ca41f';
  run();

  function run() {
    if (left <= -7680) {
      left = 0;
    }
    var m = Math.floor(-left / 1920);
    imglist.style.marginLeft = left + 'px';
    var n = (left % 1920 == 0) ? n = 1200 : n = 6;
    left -= 10;
    icochange(m);
    timer = setTimeout(run, n);
  }

  function icochange(m) {
    for (let index = 0; index < esico.length; index++) {
      esico[index].style.backgroundColor = '';
    }
    if (m < esico.length) {
      esico[m].style.backgroundColor = '#4ca41f';
    }
  }

  function imgchange(n) {
    let lt = -(n * 800)
    imglist.style.marginLeft = lt + 'px';
    left = lt;
  }
  eprev.onclick = function() {
    let prevgo = Math.floor(-left / 800) - 1;
    if (prevgo == -1) {
      prevgo = 3;
    }
    imgchange(prevgo);
    icochange(prevgo);
  }
  enext.onclick = function() {
    let nextgo = Math.floor(-left / 800) + 1;
    if (nextgo == 4) {
      nextgo = 0;
    }
    imgchange(nextgo);
    icochange(nextgo);
  }
  eicolist.onclick = function() {
    var tg = event.target;
    let ico = tg.innerHTML - 1;
    imgchange(ico);
    icochange(ico);
  }
  eimglist.onmouseover = function() {
    clearTimeout(timer);
  }
  eimglist.onmouseout = function() {
    run();
  }
</script>


</body>

    </html>
